
<template>
  <div>
    <div class="footer">
      <router-link to="/">
        <div>
          <img src="01.svg" alt="" />
          <div>首页</div>
        </div>
      </router-link>
      <router-link to="sell">
        <div>
          <img src="02.svg" alt="" />
          <div>卖东西</div>
        </div>
      </router-link>
      <router-link to="shop">
        <div>
          <img src="03.svg" alt="" />
          <div>购物车</div>
        </div>
      </router-link>
      <router-link to="user">
        <div>
          <img src="04.svg" alt="" />
          <div>我的</div>
        </div>
      </router-link>
    </div>
    <div class="btoom"></div>
  </div>
</template>

<script>
export default {};
</script>

<style scoped>

a {
  color: rgb(8, 8, 8);
  text-decoration: none;
}
div {
  font-size: 0.16rem;
  text-align: center;
}
.footer {
  width: 100%;
  display: flex;
  justify-content: space-around;
  position: fixed;
  bottom: 0px;
  background-color: #fff;
}
img {
  width: 0.32rem;
  height: 0.32rem;
}
.btoom {
  width: 100%;
  height: 0.6rem;
}
</style>